被美国连夜封掉的最强 AI Claude Fable 5,我赶在最后实测了它生成的 9 个网页
哎呀不对 蔚公子说AI 2026年6月23日 22:47
你好,我是蔚公子,毕业ALL in AI,专注于 AI 提效/教育
点击👇关注我,帮助 AI 小白轻松入门,一起 AI 创富
用不了了。
我正准备再多跑几个 demo,Fable 5 就这么被按下了暂停键,访问直接没了。
我是蔚公子,专注 AI 提效。
趁它还没被封的那几天,我把它生成出来的一批网页 demo,一个一个全点开玩了一遍。不是看别人的截图,也不是听谁吹,是我自己挨个上手试的,按钮有没有反馈、动画是不是真在动、游戏到底能不能玩、页面是只有一张皮还是底下真有骨架。
测完说实话,有点上头。
如果你关心 AI 到底能不能从写文案,进化到做产品原型,这篇可以认真看完。
废话不多说,直接开搞👇
一、智能仓储机器人调度模拟器
第一名我直接放最前面。
制作一个“智能仓储机器人调度模拟器”的可运行网页 demo。
这是一个偏真实商业场景的互动模拟器,不是普通小游戏。
,时长02:16
点开它,不是那种糊几张卡片的假大屏,而是一个深色科技风的仓储调度中心,货架、充电区、打包区、订单入口都有,还摆着 6 台 AGV 机器人。
我寻思这不会又是个摆拍吧,点了下批量生成订单。
结果它是真动的。订单数开始跳,机器人状态从空闲变成前往货架,地图上路径线一条条连出来,任务队列也滚起来了😂
这哪是普通 demo,更像物流公司内部那套调度系统。
往深了讲,它最强的地方不是好看,是它真的知道自己在模拟什么。订单、调度、路径、状态流转,整条业务链是通的,不是几个动画在假装跑。换句话说,它生成的不是一张图,是一套会自己跑的业务原型。
这意味着什么?以前你给制造业老板讲 AI,全靠一张嘴加一沓 PPT。现在你直接把这个甩他面前,点一下,他亲眼看见自己厂里的调度被跑出来,这一下抵十页方案。
一句话:不仅稳、而且有商业感、且最适合当开场的,就是它。
PS:这个的提示词最长,放正文里太占地方、影响大家往下看,我就没贴了。需要完整版的直接来找我,我发你,我们社群里也会同步发布。
二、2026 高考作文审题生成器
这个不靠视觉,靠的是完整。
提示词:
制作一个“2026高考语文作文审题与作文生成器”的可运行网页 demo。 这个网页要把“作文审题可视化”和“完整作文生成”结合起来。它不是普通作文解析文章,而是一个可以让学生输入作文题、看懂题目、选择立意、生成提纲、生成完整作文、查看评分建议的 AI 作文训练工具。 用户可以输入或粘贴今年高考语文作文题,也可以使用页面内置的示例题。 核心功能分为两部分: 第一部分:审题地图 页面需要展示:
- 题目原文卡片
- 关键词拆解
- 题目核心矛盾
- 审题路径图
- 可选立意方向
- 常见跑题误区
- 阅卷老师视角提醒 审题地图要做得可视化,不要只是文字堆叠。可以用卡片、标签、流程线、时间线、思维导图式布局来展示。 第二部分:作文生成器 用户可以选择:
- 写作关键词,比如成长、AI、自由、故乡、热爱、孤独、选择、责任
- 作文风格:稳健高分、文采型、思辨型、故事型
- 目标分数:45分、50分、55分以上
- 作文结构:三段式、四段式、递进式、对比式 点击“生成作文”后,网页需要自动生成:
- 推荐标题
- 高分立意
- 作文提纲
- 开头段
- 正文段落
- 结尾段
- 一篇完整作文
- 金句提炼
- 模拟阅卷评分
- 修改建议 交互要求:
- 点击不同关键词,审题地图和作文方向要同步变化。
- 切换不同作文风格,生成的标题、提纲、语言风格要变化。
- 点击“生成作文”,页面要有生成过程动画。
- 支持一键复制完整作文。
- 支持一键生成“更有文采版本”。
- 支持一键生成“更稳妥高分版本”。
- 支持查看“阅卷老师点评”。 视觉要求: 页面要清爽、专业、有教育科技感,不要像普通表单网页。 整体要像一个真正的 AI 高考作文训练产品。 首屏要有冲击力,标题可以是: “2026高考作文审题地图 + AI作文生成器” 副标题可以是: “从看懂题目,到生成一篇完整高分作文” 页面适合录屏展示,观众一眼能看懂: 输入作文题 → 选择关键词 → 生成审题地图 → 生成完整作文 → 给出评分和修改建议。 技术要求:
- 输出完整 HTML 文件
- CSS 和 JavaScript 都写在同一个文件里
- 不需要后端
- 不需要外部素材
- 打开即可运行
- 可以使用前端规则和模板模拟作文生成效果
- 必须有真实按钮交互和动态内容变化
- 不要只做静态页面
- 优先保证视觉完成度、交互完整度和演示效果 重点: 这个网页的核心不是单纯分析作文题,也不是单纯生成作文,而是把“审题过程”和“作文生成过程”做成一个完整、可视化、可交互的产品 demo。
,时长01:42
题目输入、关键词拆解、审题地图、立意方向、整篇作文、阅卷建议都有。我点了一键演示和开始审题,本来以为就弹段文字,结果它直接进了结果页,推荐标题、作文提纲、正文结构,还有个像阅卷老师那样的点评区。
这就有点东西了👌
它真正聪明的地方不在帮你写作文,在它把写作文拆成了一条产品流程,读题、拆题、定立意、生成、评分。这一拆,性质就变了,前者是替学生交差,后者是教学生怎么想。
做教育的朋友应该一看就懂,这玩意儿真打磨出来,就是个能卖给学生、卖给老师的训练工具。视觉上没仓储那么唬人,但产品骨架立得很稳。
三、虚拟宠物小窝
提示词:
制作一个“虚拟宠物养成小游戏”的可运行网页。玩家拥有一只原创的可爱小宠物,不要使用任何已有 IP。游戏包含:- 喂食- 洗澡- 玩耍- 睡觉- 心情值- 饥饿值- 清洁值- 体力值要求:- 宠物要有可爱的动画表情- 不同状态下表情要变化,比如开心、饿了、困了、生气- 点击按钮后要有动画反馈- 背景是温暖治愈的小房间- 页面要像一个真正能玩的网页小游戏- 做成一个可以直接运行的单文件网页
,时长01:08
这个一开始我没太当回事,太轻了,结果玩起来发现,是有反馈的。
圆滚滚一只小宠物,底下挂着心情、饱食、清洁、体力四个数值。
我挨个点喂食、洗澡、玩耍、睡觉,数值真的会变。点完睡觉,房间变暗,窗外变成黑夜,按钮自己从睡觉改成叫醒,宠物脸上还冒了个 Zzz🧐
这个细节挺关键,说明它不是光摆几个按钮,是按钮底下真接了一套状态系统。
也得说实话,体量小,玩法浅,展示别拖太久。但作为一个 AI 做的有情绪反馈的小玩意儿,它够格了。
四、横版波波大冒险游戏
提示词:
制作一个原创像素风横版冒险小游戏,玩家控制一个小探险家收集金币、躲避小怪、跳过障碍,最后到达终点。风格可爱明亮,不使用任何版权角色。做成一个可以直接运行的浏览器小游戏。
,时长01:39
这个我得专门说一下,因为它背后有点小心思。
我本来就想做一个马里奥那一类的横版跳跃游戏。但你懂的,直接照搬是要担侵权风险的,所以我们让它原创。
看看细节,横版跳跃,左右走、起跳、吃金币、躲怪,像素风,远山、平台、小怪都有,空格一按就进关卡。
它没有用马里奥本尊的形象和 IP,这是我故意避开的。但除了这一层,从节奏到操作到整个那个感觉,做得都相当到位。我也只敢说很像那一类,真要说完全还原,怕是版权函就该上门了😅。
很多 AI 做的游戏最大的问题是,看着像游戏,点进去角色根本不动。这个,基础玩法是真跑通的,而且理解成本极低,一句话观众就懂。
五、旅行明信片生成器
提示词:
制作一个旅行明信片生成器网页。用户输入城市名和一句话祝福,页面会生成一张漂亮的旅行明信片,包含背景插画、标题、文案和下载按钮。风格高级、清爽、适合截图传播。
,时长00:54
这页的气质挺舒服。
它不是实时重画明信片,画面本身不会跟着重新生成。但它给的选项不少,晨山、海岸、星夜这些场景能切,山形也能换,标题、祝福语、名字这些都能自己改。
所以它更像一个可配置的明信片工具,底图风格稳定,你在框架里调内容。
不复杂,但干净、完整。缺点直说,偏轻,单拎出来撑不起大场面。但放进案例组里,证明它不只会做系统和游戏,也能做有审美的实用小工具,正合适。
六、Aura9 未来耳机产品页
提示词:
制作一个虚构未来耳机的 3D 产品展示网页,风格像科技品牌发布页。页面包含产品旋转展示、功能卖点、参数卡片、购买按钮和高级光影效果。做成一个可以直接运行的网页。
,时长00:41
说实话,9 个里面第一眼就把我惊艳到的,是这个。
它呈现出来的是一个非常有科技感的悬浮耳机,加一整套发布会式的产品页,黑底、参数卡片、预购区,气质拉满。
但真正让我咦了一下的,是它的动态,我鼠标往下滑,页面里的耳机🎧会跟着走、跟着滚动和移动,那种它在响应我的实时感一下就出来了。
是有一点小瑕疵,但整体真的很能打。你要是单看这一页,是真会以为它就是某个品牌的官网。
它强项不是复杂逻辑,是氛围加动态。以后要讲 AI 一次生成一个虚构产品官网,这个案例我可能会重点放🤔
七、小火箭升空动态
提示词:
制作一个小火箭从城市夜景中缓慢升空的 SVG 动画,镜头从地面慢慢拉远到星空,画面有层次感、运动感和氛围感。做成一个可以直接运行的网页。
,时长00:30
这个看着简单,但动态做得是真还不错。
它不是一个静止界面上火箭往上冲就完事。火箭升空之后,画面会展开、切到一个更大的场景里去,整个界面是会变动的。就这一下界面的变化,真实感和震撼感一下就上来了。
画面也干净,火焰、夜空、月亮、城市剪影都在,SVG 动画立得住。
体量是不大,但作为一个 AI 能做有层次、有变化的动态网页的例子,它够格。
八、高级猫咖官网
提示词:
制作一个高级猫咖官网,风格温暖、治愈、有质感。页面包含首页、猫咪介绍、菜单、预约按钮、店铺环境展示,并加入一点 3D 或滚动动效。做成一个可以直接运行的网页。
,时长00:47
又一个偏商业的页面,整体很温馨,偏那种小女生会喜欢的风格。
棕色奶油色、猫咪剪影、咖啡、预约按钮、菜单、店铺空间,氛围铺得挺满。点导航跳到对应区域,表单里称呼、日期、时段、人数、手机号字段都在,结构是通的。
它好在像真官网,调性也稳,温暖、治愈、慢生活,跟猫咖这题很搭。
但说实话,惊喜不多,交互偏常规,我给七分左右,中规中矩。开个实体小店的人拿它当起步官网够用,但谈不上让人眼前一亮。
九、晶语秘境体素世界
什么,你以为前面就到顶了?Nonono!
最离谱的我压在最后。
我本来就想试试,能不能做个《我的世界》那一类的体素世界出来。结果十分钟之内,真出来了😎
提示词超简单:
制作一个类似我的世界的游戏,高还原度,风格是明亮的奇幻冒险风
,时长01:02
明亮奇幻风,草地、树、花、天空、云、方块都有,关键是它逼真。点开始,WASD 能走、还能快速移动,空格能跳。更狠的是鼠标点一下能击打,格子真的会消失,连树上的方块都能一块块敲掉。
它不是一张静态网页,是一个能走进去、能逛、能动手的 3D 场景。离真 Minecraft 当然还有距离,但作为一个十分钟生成的单文件网页,这已经很炸了。
前面给你看工具、官网、小游戏,最后突然甩一个能走进去、还能挖的 3D 世界,这也是网页?这句话基本是脱口而出的。
十、蔚公子的洞察
测完这一圈,相信大家都想问,Fable 5 到底什么水平?
我想先聊聊它被封这件事。它被美国按住、不让用,这事一出来,当天就炸了,争议一大堆。说得更准确点,是 Anthropic 收到美国政府的出口管制指令后,暂停了 Fable 5 和 Mythos 5 的访问,而且 Anthropic 自己也明确表示不认同这个处理。
你什么时候见过一个玩具,需要一个国家专门出手去封它,还能吵成那样?
所以在我看来,它能走到被封这一步,本身就说明,它早就不是个玩具了。
你品品咱们的华为。当年人家为什么被死死按住?不是因为它弱,恰恰是因为它太强,强到动了别人的蛋糕,强到有了战略意义。
今天最顶尖的模型被美国按下暂停键,逻辑是一样的。一个东西如果只是玩具,没人会费那么大劲去封它。会被封,本身就是它不再是玩具的铁证。
再说回我这次的测试。你别看这些 demo,有的我也就花了十分钟跑出来,效果就已经不差了。那要是我再多花点时间打磨,再等模型往后更新个一两版呢?
以前我们说 AI 画画、写段子、糊个小网页,大家心里多少还把它当个新奇玩意儿,好玩,但不当真。
可当它能在这么短时间里,给你跑出一个能调度机器人的仓储系统、一个能审题评分的教育小产品、一个能走进去挖方块的 3D 世界,你还敢说它是玩具?
再往细了看这几个游戏。
波波大冒险是马里奥那一类的横版跳跃,晶语秘境是我的世界那一类的体素世界,还有傅盛总做的那个 AI 生成红警小游戏,我也上手测过,据他自己说,那个红警也就做了一个晚上。
这些放几年前,哪个不是一支团队最起码干上十天半个月的活?现在,很快就能生成出来。
我甚至刷到有人在拿它做魔兽争霸那一类的东西。
看到那个的时候,我心里其实咯噔了一下,有些东西,可能已经悄悄变了。
我知道,这里肯定有人会说,粗糙,玩起来不够过瘾。可关键是,它真的能玩了。从压根没有,到真能上手玩,它就是这么一步步走过来的。这个从无到有的斜率,才是真正该盯住的东西。
而且别忘了,它不会停在今天这个样子。
说到这我想到达里奥·阿莫迪,就是做出 Claude 的那家公司 Anthropic 的老板。他最近抛出了一个挺吓人的判断,AI 已经开始在加速 AI 自己的研发了。
他们公司内部,现在一大半的代码都是 AI 自己写的,再往下走,很可能出现 AI 自己设计、自己造出更强的下一代 AI,自己推着自己往前跑。
一个会自我加速的东西,你拿它今天行不行这种静态眼光去判断它,本身就错了。今天它做马里奥那一类,按这个斜率,做出能玩的魔兽那一类,可能真用不了多久🥲
最后,说点掏心窝子的。
我公众号写得最多的是国产 AI,豆包、即梦、Kimi、DeepSeek,这些我一直在用。但与此同时,最顶尖的那批模型,我也一直没断过。差距是真实存在的,我能亲手摸到。
我讲这个,不是长别人志气灭自己威风。恰恰相反,我太希望我们国家的 AI 一起往上冲了,国产的好东西我也会一直讲给大家。但同时,我也会开始多给大家介绍一些国外顶尖模型的真实情况。
因为在今天这个节点,你要是完全不了解国外最强的模型,某种程度上就等于 AI 时代的一个文盲,一个还没睁眼的婴儿,而不是一个真正握着桨、知道水往哪流的划桨者。
潮水已经在涨了。看不看得懂方向,决定你是被它冲走,还是借着这股劲往前划。
牌桌上,我宁可当那个手忙脚乱、但一直在划的人,也不当那个站在岸上、笃定地说这船开不动的人🔥
好,今天分享就是这些了~
也欢迎大家在评论区留下自己的思考,同时如果能点个赞和转发,就是对我最大的鼓励。
要是喜欢我的分享,不想错过每篇文章,可以点开我的主页设置⭐标,我们下期,不见不散✨
快收藏起来,慢慢探索,相信它能成为你提升效率的得力助手!
写在最后
AI时代滚滚而来,不以任何人的意志为转移,而我们首先能做的,就是利用这些AI工具提高我们的效率:使用Claude提效工作生活,就是如此。
与其抱怨 AI 不够聪明,不如学会用对方法,让 Al 成为你最得力的助手。
如果你觉得今天的分享对你有帮助,别忘了收藏起来,也欢迎分享给同样在职场/教育领域奋斗的伙伴们。下一篇,我们将分享更多让工作事半功倍的“效率秘籍”,记得关注不要错过!
在评论区留下你最想了解的效率提升话题,下期内容说不定就是为你量身定制的!
如果有启发,别忘了给我点个赞、在看、转发~因为你的反馈真的很重要!
我是蔚公子,毕业后不上班,用 AI 打造一人企业。
近两年输出了大量 AI 实操干货,是一名小红书万粉博主,抖音播放100w+,视频号播放80w+,正在探索 AI 工作流赋能提效我的所有工作。
未来已来,职场人的分水岭会变得异常清晰——你是站在AI浪潮崛起的阵营内,还是沦为数字时代的局外人?
欢迎加我的微信(zxxx1111111112),备注 “ 公众号 ”,送你
1️⃣一份详细的AI入门学习宝典
2️⃣一个百人AI交流社群
3️⃣OpenClaw各类教程
4️⃣AI领域相关最新资料
5️⃣蔚公子独家十大AI赋能教学网页
6️⃣蔚公子独家设计PPT原稿
7️⃣AI领域最新爆火论文
免费领取,先到先得。
微信扫一扫赞赏作者